<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>H5-videoTest</title>
    <script type="text/javascript" src="js/jquery.min.js"></script>
</head>
<body>

    <div>
            <video src="video/sign.mp4" id="mySign" ></video><br/>
            <button id="playbtn">播放</button>&nbsp;&nbsp;<button id="pausebtn">暂停</button>
    </div>

    <script type="text/javascript">

        window.onload  = function(){
            // 实现对视频的主动控制 而不是使用默认的
            var video = document.querySelector("#mySign");
            document.querySelector("#playbtn").addEventListener("click",function(){

                if(video.paused){
                    video.play();
                }

            },false);
            document.querySelector("#pausebtn").addEventListener("click",function(){

                if(video.played){
                    video.pause();
                }

            },false);
        }



    </script>


</body>
</html>